<template>
    <div>
       <MyHeader></MyHeader>
       <div class="main">
           <router-view ></router-view>
       </div>
       <MyTabBar :list="tabList" @componentName="fn"></MyTabBar>
    </div>
  </template>
  
  <script>
      import MyHeader from './components/tabbar/MyHeader.vue'
      import MyTabBar from './components/tabbar/MyTabBar.vue'
      import MyTable from './components/tabbar/MyTable.vue'
  export default {
    components:{
      MyHeader,
      MyTabBar,
      MyTable
    },
    data(){
      return {
          tabList: [
      {
          iconText: "icon-shangpinliebiao",
          text: "商品列表",
          componentName: "MyGoodsList"
      },
      {
          iconText: "icon-sousuo",
          text: "商品搜索",
          componentName: "MyGoodsSearch"
      },
      {
          iconText: "icon-user",
          text: "我的信息",
          componentName: "MyUserInfo"
      }
  ]
      }
    },
    methods:{
      fn(val){
         this.$router.push({
          name:val
         })
      }
    }
  }
  </script>
  
  <style>
  .main{
    padding-top: 45px;
    padding-bottom: 51px;
  }
  </style>